<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付成功</title>
</head>
<style>
       *{
         margin:0;
         padding:0;
         box-sizing: border-box;
         font: 12px/20px tahoma, arial, "Hiragino Sans GB", "\5b8b\4f53",
        sans-serif;
     }

     body{
         background-color: #eee;
     }

    .tip{
        padding-top:50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .tip div:nth-child(2){
        margin-top:25px;
        font-size:30px;
        margin-bottom:30px;
    }

    button{
        width:60%;
        height: 35px;
        border:none;
        text-align:center;
        line-height:35px;
        background:#08f;
        color:white;
        font-size:16px;
    }
    button:hover{
        opacity: 0.9;
        filter: grayscale(0.1);
    }
</style>
<body>
     <div class="tip">
          <div>
            <svg t="1649685845047" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2257" width="200" height="200"><path d="M512 32C246.4 32 32 249.6 32 512s217.6 480 480 480 480-217.6 480-480S774.4 32 512 32z m268.8 380.8L496 697.6c-25.6 25.6-60.8 25.6-83.2 0L243.2 528c-25.6-25.6-25.6-60.8 0-83.2s60.8-25.6 83.2 0l128 128 240-240c25.6-25.6 60.8-25.6 83.2 0 25.6 19.2 25.6 54.4 3.2 80z" p-id="2258" fill="#52ce12"></path></svg>
          </div>
          <div>
            支付成功
          </div> 
          <!-- <button> 返回 </button> -->
     </div>
</body>
</html>